<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
        <meta name="format-detection" content="telephone=no" />
        <title>物流详情</title>
        <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
        <link rel="stylesheet" type="text/css"  href="../../css/mui.min.css">
        <link rel="stylesheet" type="text/css" href="../../css/common.css" />
        <style>
            body{
                font-size: 14px;
                background: #f3f3f3;
            }
            footer.aui-nav{
                z-index: 99999;
            }
            header.aui-bar{
                background: #fff;
                position: fixed;
            }
            .contain{
                padding-top:  45px;
                padding-bottom: 15px;
            }
            .aui-title{
                color:#000;
            }
            .aui-nav .aui-bar-tab .active .aui-iconfont, .aui-nav .aui-bar-tab .active p{
                color:#327afa !important;
            }
            .active{
                color:#327afa !important;
            }
            .aui-tab-nav li.active {
                color: #327afa;
                border-bottom: 2px #327afa solid;
            }
            .aui-bar .aui-iconfont{
                color:#000;
            }
            .mui-table-view-cell:after,.mui-table-view:before,.mui-table-view:after{
                height: inherit;
                background-color:transparent;
                left: 0;
            }
            .mui-table-view-cell:after{
                bottom: -100%;
            }
            .mui-table-view-cell:last-child:after, .mui-table-view-cell:last-child:before{
                height: inherit;
            }
            .friendList li{
                background: #f3f3f3;
            }
            .infos{
                background: #fff;
                padding: 15px;
                overflow: hidden;
                padding-bottom: 10px;
            }
            .wuliuTime{
                /*display: block;*/
                text-align: center;
                margin: 0 auto;
                margin-bottom: 10px;
            }
            .wuliuTime span{
                padding: 3px 5px;
                background: #dadada;
                border-radius: 3px;

            }
            .wuliuTitle{
                margin: 10px 0;
                margin-top: 0px;
                display: block;
            }
            .wuliuFooter{
                margin-top: 10px;
                padding-top: 10px;
            }
            .aui-border-b:after{
                border: 0;
            }
            .aui-border-t:after{
                right: -150%;
                left: -15px;
            }
        </style>
    </head>
    <body>
        <header class="aui-bar aui-bar-nav aui-border-b">
            <div class="aui-pull-left aui-iconfont aui-icon-left icon-left-coler" tapmode onclick="closeWin()"></div>
            <div class="aui-title">
                物流详情
            </div>
        </header>
        <div class="contain">
            <ul class=" mui-table-view friendList">
                <li class="mui-table-view-cell mui-media aui-border-b">
                    <div class="wuliuTime"><span>2016年11月1日</span></div>
                    <div class="infos">
                        <span class="wuliuTitle zfBlue">卖家已发货</span>
                        <div class="wuliuContent">您订购的货品江浙潮纺双花绸缎带包邮，正品12米柔顺牛奶丝丝绸，买家善良劫匪已经发货。</div>
                        <div class="wuliuFooter aui-border-t"  tapmode onclick="openToTwo('logisticsInfo')">
                            <span>查看详情</span>
                            <i class="aui-iconfont aui-icon-right aui-pull-right"></i>
                        </div>
                    </div>
                </li>
                <li class="mui-table-view-cell mui-media aui-border-b">
                    <div class="wuliuTime"><span>2016年11月1日</span></div>
                    <div class="infos">
                        <span class="wuliuTitle zfBlue">订单已签收</span>
                        <div class="wuliuContent">您订购的货品江浙潮纺双花绸缎带包邮，正品12米柔顺牛奶丝丝绸，买家善良劫匪已经发货。</div>
                        <div class="wuliuFooter aui-border-t" tapmode onclick="openToTwo('logisticsInfo')">
                            <span>查看详情</span>
                            <i class="aui-iconfont aui-icon-right aui-pull-right"></i>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </body>
    <script type="text/javascript" src="../../script/api.js"></script>
    <script type="text/javascript" src="../../script/common.js"></script>
    <script type="text/javascript" src="../../script/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="../../script/mui.js"></script> 
    <script type="text/javascript">
        var UIInput,inputId,inputValue;
        apiready = function() {
            api.parseTapmode();
            var mobile = api.pageParam.mobile;
            var header = $api.dom('header');
            UIInput = api.require('UIInput');
            //$api.fixStatusBar(header);
            api.setStatusBarStyle({
                  style : 'light'
            });
        }
    </script>
</html>
